<template>
    <div class="example">
        <h5>publicUpload:</h5>
        <section class="pagination">
            <manage-public-upload :el_action="action"  :el_loadUrl="itemImgUrlloadUrl"  @el_getlogoUrl="getitemImgUrllogoUrl"  />
        </section>
        <ul class="explain">
            <li>manage-public-upload</li>
            <li>action 图片上传的url</li>
            <li>itemImgUrlloadUrl 图片返回显示在页面上</li>
            <li>getitemImgUrllogoUrl 上传成功后返回的调用</li>
        </ul>
    </div>
</template>
<script>
export default {
    data(){
        return{
            // 图片上传
            action:`${process.env.VUE_APP_BASE_API}config-server/common/img/upload`,
            itemImgUrlloadUrl:"",
        }
    },
    methods:{
        // 获取图片返回得url
        getitemImgUrllogoUrl(val){
            this.ruleForm.itemImgUrl = val;
            this.$refs.itemImgUrlElement.clearValidate();
        },
    },
}
</script>